<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:p="http://primefaces.org/ui"
	  xmlns:ui="http://java.sun.com/jsf/facelets">
	  
<ui:composition template="WEB-INF/_template.xhtml">
	<ui:define name="conteudo">
	<p:growl  id="growl" showDetail="true" />
	<h:form prependId="false">
	
		<p:panel id="pnlFilme" header="Filme">
		<h:panelGrid columns="3" cellpadding="6px">
			<h:outputLabel for="txtNome" value="Nome:"/>
	        <p:inputText id="txtNome" value="#{cadastroFilmeBean.filme.nome}"/>
	        <p:message for="txtNome" />
	        
		    <h:outputLabel for="txtGenero" value="Genero:"/>
	        <p:selectOneMenu id="txtGenero" value="#{cadastroFilmeBean.filme.genero}">
			            <f:selectItems value="#{cadastroFilmeBean.listaGeneros}" var="gen" itemValue="#{gen}" itemLabel="#{gen.nome}" />
			        </p:selectOneMenu>
	        <p:message for="txtGenero" />
	        
		    <h:outputLabel for="txtAnoLancamento" value="Ano de Lançamento:"/>
	        <p:inputMask mask="9999" id="txtAnoLancamento" value="#{cadastroFilmeBean.filme.anoLancamento}"/>
	        <p:message for="txtAnoLancamento" />
	        
		    <h:outputLabel for="txtDuracao" value="Duração:"/>
		    <h:panelGroup>
	       		<p:spinner id="txtDuracao" value="#{cadastroFilmeBean.filme.duracao}" min="10" max="400" maxlength="3"/>
	        	<small class="infoCampos">min</small>
	        </h:panelGroup>
	        <p:message for="txtDuracao" />
	        
	        <f:facet name="footer">
       			<p:commandButton ajax="false" value="Salvar" action="#{cadastroFilmeBean.salvar()}" />	        
	        </f:facet>
	        
        </h:panelGrid>
	    </p:panel>
	    
	    	
	</h:form>
	</ui:define>
</ui:composition>
</html>